<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>HTML 第 02 天 | 前端基础班学习笔记</title>
    <meta name="generator" content="VuePress 1.7.1">
    
    <meta name="description" content="前端基础班笔记">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <link rel="preload" href="/basenode/assets/css/0.styles.2182318c.css" as="style"><link rel="preload" href="/basenode/assets/js/app.52c57e5d.js" as="script"><link rel="preload" href="/basenode/assets/js/2.fd1002bd.js" as="script"><link rel="preload" href="/basenode/assets/js/24.3470c223.js" as="script"><link rel="prefetch" href="/basenode/assets/js/10.0fd16134.js"><link rel="prefetch" href="/basenode/assets/js/11.69b32ff0.js"><link rel="prefetch" href="/basenode/assets/js/12.8306a2fe.js"><link rel="prefetch" href="/basenode/assets/js/13.bd409108.js"><link rel="prefetch" href="/basenode/assets/js/14.397fbca0.js"><link rel="prefetch" href="/basenode/assets/js/15.3ebf464d.js"><link rel="prefetch" href="/basenode/assets/js/16.18b0f270.js"><link rel="prefetch" href="/basenode/assets/js/17.aca32580.js"><link rel="prefetch" href="/basenode/assets/js/18.b36abbab.js"><link rel="prefetch" href="/basenode/assets/js/19.40fd0225.js"><link rel="prefetch" href="/basenode/assets/js/20.9c6d2a17.js"><link rel="prefetch" href="/basenode/assets/js/21.6d37b375.js"><link rel="prefetch" href="/basenode/assets/js/22.c01d802c.js"><link rel="prefetch" href="/basenode/assets/js/23.d7de44fa.js"><link rel="prefetch" href="/basenode/assets/js/3.924754cc.js"><link rel="prefetch" href="/basenode/assets/js/4.4eeb3907.js"><link rel="prefetch" href="/basenode/assets/js/5.88e4a4fd.js"><link rel="prefetch" href="/basenode/assets/js/6.ae7868e8.js"><link rel="prefetch" href="/basenode/assets/js/7.6ab91996.js"><link rel="prefetch" href="/basenode/assets/js/8.750a9450.js"><link rel="prefetch" href="/basenode/assets/js/9.26864b79.js">
    <link rel="stylesheet" href="/basenode/assets/css/0.styles.2182318c.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/basenode/" class="home-link router-link-active"><!----> <span class="site-name">前端基础班学习笔记</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/basenode/html/" class="nav-link router-link-active">
  HTML
</a></div><div class="nav-item"><a href="/basenode/css/" class="nav-link">
  CSS
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/basenode/html/" class="nav-link router-link-active">
  HTML
</a></div><div class="nav-item"><a href="/basenode/css/" class="nav-link">
  CSS
</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>HTML</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/basenode/html/" aria-current="page" class="sidebar-link">HTML 学习</a></li><li><a href="/basenode/html/day01.html" class="sidebar-link">HTML 第 01 天</a></li><li><a href="/basenode/html/day02.html" class="sidebar-link">HTML 第 02 天</a></li><li><a href="/basenode/html/html-note.html" class="sidebar-link">HTML 笔记</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="html-第-02-天"><a href="#html-第-02-天" class="header-anchor">#</a> HTML 第 02 天</h1> <h2 id="第-02-天-能力目标"><a href="#第-02-天-能力目标" class="header-anchor">#</a> 第 02 天 - 能力目标</h2> <ol><li>能够使用<strong>表格标签及属性</strong>实现表格类结构的搭建，如<strong>个人信息</strong>；</li> <li>能够使用<strong>三种列表</strong>标签实现列表类结构的搭建，如 XXX；</li> <li>能够使用<strong>表单及输入项</strong>实现表单类结构的搭建，如<strong>注册或登录表单</strong>。</li></ol> <h2 id="☆1-「重点」表格标签及属性-第-1-节课"><a href="#☆1-「重点」表格标签及属性-第-1-节课" class="header-anchor">#</a> ☆1. 「重点」表格标签及属性（第 1 节课）</h2> <h3 id="_4-1-视频名称-五-08-38"><a href="#_4-1-视频名称-五-08-38" class="header-anchor">#</a> 4.1 视频名称（五 ~ 08'38''）</h3> <h4 id="_4-1-1-「视频名称」问题"><a href="#_4-1-1-「视频名称」问题" class="header-anchor">#</a> 4.1.1 「视频名称」问题</h4> <ul><li>问题 1：</li></ul> <h4 id="_4-1-2-「视频名称」答案"><a href="#_4-1-2-「视频名称」答案" class="header-anchor">#</a> 4.1.2 「视频名称」答案</h4> <ul><li>重点强调</li></ul> <h4 id="_4-1-3-「视频名称」练习-05-00"><a href="#_4-1-3-「视频名称」练习-05-00" class="header-anchor">#</a> 4.1.3 「视频名称」练习（05'00'')</h4> <blockquote><p>提示：要养成目录和文件命名的习惯。</p></blockquote> <ol><li>练习目标：练习<strong>标签选择器</strong></li> <li>练习步骤：
<ol><li>新建文件 <code>02-标签选择器.html</code>；</li> <li>使用 <code>color</code> 和 <code>font-size</code> 分别修改素材代码中的 <code>h3</code> 和 <code>li</code> 标签中的文字大小和颜色；</li></ol></li> <li>素材代码：</li></ol> <h2 id="_7-附录"><a href="#_7-附录" class="header-anchor">#</a> 7. 附录</h2> <h3 id="_7-1-标签"><a href="#_7-1-标签" class="header-anchor">#</a> 7.1 标签</h3> <h4 id="_7-1-1-表格标签"><a href="#_7-1-1-表格标签" class="header-anchor">#</a> 7.1.1 表格标签</h4> <table><thead><tr><th>序号</th> <th>标签名</th> <th>说明</th></tr></thead> <tbody><tr><td>1</td> <td><code>h1</code> ~ <code>h6</code></td> <td>标题标签，独占一行显示</td></tr></tbody></table> <h3 id="_7-2-快捷键"><a href="#_7-2-快捷键" class="header-anchor">#</a> 7.2 快捷键</h3> <h4 id="_7-2-1-vscode-快捷键"><a href="#_7-2-1-vscode-快捷键" class="header-anchor">#</a> 7.2.1 VSCode 快捷键</h4> <table><thead><tr><th>快捷键</th> <th>作用</th></tr></thead> <tbody><tr><td>ctrl + n</td> <td>新建文件</td></tr> <tr><td>ctrl + s</td> <td>保存文件</td></tr> <tr><td>ctrl + z</td> <td>撤销</td></tr> <tr><td>ctrl + shift + z</td> <td>恢复撤销</td></tr> <tr><td>ctrl + 加号 / 减号</td> <td>放大 / 缩小</td></tr> <tr><td>ctrl + c / v</td> <td>复制粘贴一行（不能选中文字）</td></tr> <tr><td>ctrl + x</td> <td>删除一行</td></tr> <tr><td>alt + ↑ / ↓</td> <td>上下移动代码</td></tr> <tr><td>alt + shift + ↑ / ↓</td> <td>上下复制一行代码</td></tr> <tr><td>ctrl + /</td> <td>注释</td></tr> <tr><td>alt + z</td> <td>自动换行</td></tr></tbody></table> <h3 id="_7-3-单词表"><a href="#_7-3-单词表" class="header-anchor">#</a> 7.3 单词表</h3> <h4 id="_7-3-1-重点单词"><a href="#_7-3-1-重点单词" class="header-anchor">#</a> 7.3.1 重点单词</h4> <table><thead><tr><th>序号</th> <th>英语</th> <th>中文</th></tr></thead> <tbody><tr><td>1</td> <td>web</td> <td>网络</td></tr></tbody></table></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"><!----></div></div>
    <script src="/basenode/assets/js/app.52c57e5d.js" defer></script><script src="/basenode/assets/js/2.fd1002bd.js" defer></script><script src="/basenode/assets/js/24.3470c223.js" defer></script>
  </body>
</html>
